@extends('home.layouts.auth')
@section('title')
    找回密码
@endsection

@section('css')
    <style>
        .mdui-textfield {
            padding-top: 0;
        }

        .auth-goto {
            margin-bottom: 10px;
            padding-top: 50px;
            color: #333;
            font-size: 16px;
        }

        .auth-third {
            margin-top: 80px;
        }

        .auth-third .hd {
            height: 16px;
            font-size: 12px;
            text-align: center;
        }

        .auth-third .hd .layout-inner {
            margin-bottom: 7px;
            border-bottom: 2px solid #f2f2f2;
        }

        .auth-third .hd h3 {
            width: 106px;
            margin: 0 auto -8px;
            background-color: #fff;
            font-weight: 400;
            line-height: 16px;
            color: #ccc;
        }

        .auth-third .links {
            margin: 0 auto;
            padding-top: 20px;
        }

        .auth-third .links a {
            display: inline-block;
            margin: 0 8px;
        }

        .auth-icon {
            background-image: url("{{asset('/images/fouricon.png')}}");
            background-size: 298px 120px;
        }

        .icon-tencent, .icon-weibo, .icon-weixin {
            width: 55px;
            height: 55px;
            background-position: 0 -65px;
        }

        .auth-third a:hover .icon-tencent {
            background-position: 0 -1px;
        }

        .auth-third .icon-weibo {
            background-position: -81px -65px;
        }

        .auth-third a:hover .icon-weibo {
            background-position: -81px -1px
        }

        .auth-third .icon-weixin {
            background-position: -162px -65px;
        }

        .auth-third a:hover .icon-weixin {
            background-position: -162px -1px
        }

        .auth-icon {
            display: inline-block;
            vertical-align: middle;
            background-repeat: no-repeat;
        }
    </style>
@endsection

@section('left')
    <form action="{{url('/home/new_login')}}" class="mdui-p-x-3" method="post" id="forget-form">
        {{csrf_field()}}
        <input type="hidden" name="phone" value="{{ $phone }}">
        <div class="mdui-textfield mdui-textfield-floating-label">
            <label class="mdui-textfield-label">新密码</label>
            <input id="phone" class="mdui-textfield-input" type="password" name="new_password" value=""/>

        </div>
        <div class="mdui-textfield mdui-textfield-floating-label">
            <label class="mdui-textfield-label">确认新密码</label>
            <input id="phone" class="mdui-textfield-input" type="password" name="new_confirm" value=""/>
        </div>
        <button type="submit" class="mdui-btn
        mdui-btn-block mdui-color-theme mdui-ripple mdui-m-t-2 mdui-m-b-1">提交新密码
        </button>
    </form>
@endsection